<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>

        <form>
            <input type="text" name="username" id="txt" value="java"/>
        </form>


        <script type="text/javascript">

            //获取到input标签元素
            var inputObj = document.getElementById("txt");

            //需求1： 获取input标签中name属性的值
            var nameValue = inputObj.getAttribute("name");
            console.log(nameValue)

            //需求2： 给input标签新增value属性及属性值
            //inputObj.setAttribute("value" , "javaEE");

            //需求3：删除input标签中的value属性
            inputObj.removeAttribute("value");

        </script>

    </body>
</html>